<?php include _include(APP_PATH.'view/htm/header.inc.htm');?>

<!--{hook my_common_start.htm}-->

<div class="UserPage">
    <div class="UserCard Hero UserHero" style="background-color: rgb(216, 221, 212);">
        <div class="darkenBackground">
            <div class="container">
                <div class="UserCard-profile">
                    <h2 class="UserCard-identity">
                        <div class="AvatarEditor Dropdown UserCard-avatar">
                            <!--{hook my_common_avatar_before.htm}-->
                            <img class="Avatar" src="<?php echo $user['avatar_url'];?>">
                            <a class="Dropdown-toggle AvatarEditor--noAvatar" title="上传新头像" data-toggle="dropdown">
                                <i class="icon fa fa-plus-circle "></i>
                            </a>
                            <ul class="Dropdown-menu Menu">
                                <li class="item-upload"><button class=" hasIcon" type="button" title="上传"><i class="icon fa fa-upload Button-icon"></i><span class="Button-label">上传</span></button></li>
                                <li class="item-remove"><button class=" hasIcon" type="button" title="移除"><i class="icon fa fa-times Button-icon"></i><span class="Button-label">移除</span></button></li>
                            </ul>
                        </div>
                        <span class="username"><?php echo $user['username'];?></span>
                        <!--{hook my_common_username_after.htm}-->
                    </h2>
                    <ul class="UserCard-badges badges">
                        <li class="item-group1">
                            <span class="Badge Badge--group--1 " title="" style="background-color: rgb(183, 42, 42);" data-original-title="创建者">
                                <i class="icon fa fa-wrench Badge-icon"></i>
                            </span>
                        </li>
                    </ul>
                    <ul class="UserCard-info">
                        <li class="item-bio">
                            <div class="UserBio editable">
                                <div class="UserBio-content">
                                    <p class="UserBio-placeholder">写点什么介绍下自己吧</p>
                                </div>
                            </div>
                        </li>
                        <li class="item-uid">UID： <?php echo $user['uid'];?></li>
                        <li class="item-lastSeen">
                            <span class="UserCard-lastSeen" data-toggle="tooltip" title="<?php echo lang('last_login_date');?>">
                                <i class="icon fa fa-clock-o "></i> <?php echo $user['login_date_fmt'];?>
                            </span>
                        </li>
                        <li class="item-joined" data-toggle="tooltip" title="<?php echo lang('create_date');?>">加入于 <?php echo $user['create_date_fmt'];?></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="sideNavContainer">
            <nav class="sideNav UserPage-nav">
                <ul class="affix-top">
                    <li class="item-nav">
                        <div class="ButtonGroup Dropdown dropdown App-titleControl Dropdown--select itemCount3">
                            <button class="Dropdown-toggle Button" data-toggle="dropdown">
                                <span class="Button-label">个人资料</span>
                                <i class="icon fa fa-sort Button-caret"></i>
                            </button>
                            <ul class="Dropdown-menu dropdown-menu">
                                <li class=" " data-active="menu-my">
                                    <a href="<?php echo url('my');?>" class="hasIcon" role="button" title="个人资料">
                                        <i class="icon fa fa-fw fa-vcard Button-icon"></i>
                                        <span class="Button-label">个人资料
                                    </a>
                                </li>
                                <li class=" " data-active="menu-my-thread">
                                    <a href="<?php echo url('my-thread');?>" active="false" class=" hasIcon" role="button" title="论坛帖子">
                                        <i class="icon fa fa-fw fa-reorder Button-icon"></i>
                                        <span class="Button-label">话题
                                            <span class="Button-badge"><?php echo $user['threads'];?></span>
                                        </span>
                                    </a>
                                </li>
                                <li class=" " data-active="my-post">
                                    <a href="<?php echo url("my-post");?>" class=" hasIcon" role="button" title="<?php echo lang('posts');?> <?php echo $user['posts'];?>">
                                        <i class="icon fa fa-fw fa-comment-o Button-icon"></i>
                                        <span class="Button-label">回复
                                            <span class="Button-badge"><?php echo $user['posts'];?></span>
                                        </span>
                                    </a>
                                </li>
                                <li  data-active="menu-my-notice">
                                    <a href="<?php echo url('my-notice');?>" active="false" class=" hasIcon" role="button" title="<?php echo lang('notice');?>">
                                        <i class="icon fa fa-fw fa-bell Button-icon"></i>
                                        <span class="Button-label"><?php echo lang('notice');?>
                                            <span class="Button-badge"><?php echo $user['threads'];?></span>
                                        </span>
                                    </a>
                                </li>
                                <li class="Dropdown-separator"></li>
                                <li data-active="my-password">
                                    <a href="<?php echo url("my-password");?>" class=" hasIcon" role="button" title="<?php echo lang('modify_password');?>">
                                        <i class="icon fa fa-fw fa-key Button-icon"></i>
                                        <span class="Button-label"><?php echo lang('modify_password');?></span>
                                    </a>
                                </li>
                                <li data-active="my-avatar">
                                    <a href="<?php echo url("my-avatar");?>" class=" hasIcon" role="button" title="<?php echo lang('modify_avatar');?>">
                                        <i class="icon fa fa-fw fa-user-circle Button-icon"></i>
                                        <span class="Button-label"><?php echo lang('modify_avatar');?></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </nav>
            <div class="sideNavOffset UserPage-content">
                <!--{hook my_common_my_body_slot_before.htm}-->
                <slot name="my_body" />
                <!--{hook my_common_my_body_slot_after.htm}-->
            </div>
        </div>
    </div>
</div>

<!--{hook my_common_end.htm}-->

<?php include _include(APP_PATH.'view/htm/footer.inc.htm');?>

<!--{hook my_common_js.htm}-->